<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<%@ include file="/web/header.jsp"%>
<title>员工信息维护</title>
</head>
<body>
<div class="layui-collapse">
  <div class="layui-colla-item">
    <h2 class="layui-colla-title">员工信息-查询条件</h2>
    <div class="layui-colla-content layui-show">
    
    <fieldset class="layui-elem-field layui-field-title" style="margin:10px">
	<legend>员工信息-查询条件</legend>
	<div class="layui-field-box">
		<form class="layui-form ">
			<div class="layui-form-item">
				<label class="layui-form-label">员工编号</label>
				<div class="layui-input-inline">
	      		<input type="text" name="code" placeholder="请输入员工编号" autocomplete="off" class="layui-input">
				</div>
			
				<label class="layui-form-label">员工名称</label>
				<div class="layui-input-inline">
	      		<input type="text" name="name" placeholder="请输入员工名称" autocomplete="off" class="layui-input">
				</div>
				<label class="layui-form-label"></label>
				<span>
					<input type="button" value="查询" class="layui-btn   " lay-submit lay-filter="search">
					<input type="reset" value="重置" class="layui-btn   layui-btn-primary">
					<input type="button" value="添加" class="layui-btn   " onclick="openAdd()">
					<input type='hidden' name="action" value="page">
					<input type='hidden' name="pageIndex" value="1">
					<input type='hidden' name="pagelimit" value="10">
				</span>
			</div>
		</form>
	</div>
	</fieldset>
    </div>
  </div>
</div>
<table class="layui-table">
	<colgroup>
		<col width="10%"><col width="15%"><col width="15%"><col width="15%"><col width="15%"><col>
	</colgroup>
	<thead>
		<tr>
			<th>序号</th><th>编号</th><th>姓名</th><th>部门编号</th><th>部门名称</th><th>操作</th>
		</tr>
	</thead>
	<tbody></tbody>
</table>
<div id="pageInfo" style="text-align:right;padding-right: 30px;"></div>
<script type="text/javascript">
formSubmit('search','/EmployeeServlet','json',function(data){ //console.log(data)
	// 分页控件的渲染=表格中全部数据的条数
	var curr = $("input[name='pageIndex']").val();
	var limit = $("input[name='pagelimit']").val();
	pageInfo('pageInfo',data.count,curr,limit,function(obj,first){
		$("input[name='pageIndex']").val(obj.curr);
		$("input[name='pagelimit']").val(obj.limit);
		if(!first){
			refresh();// 首次不执行
		}
	});
	//展示表格的数据=表格中当前页面中的数据
	var html = "";
	var tpl = $("#tradd").html();
	$.each(data.list,function(i,dom){
		var name=dom.name?dom.name:'';
		var codeDept=dom.codeDept?dom.codeDept:'';
		var nameDept=dom.nameDept?dom.nameDept:'';
		var d = {id : (i+1+(curr-1)*limit), code : dom.code, name : name, codeDept : codeDept, nameDept : nameDept}
		html += laytpl(tpl).render(d);
	})
	$("tbody").html(html);
	layer.msg("查询成功")
	
});
function refresh(){
	$("input[value='查询']").click();
}
refresh();
function openAdd(){
	layerOpen('/web/page/employee/add.jsp',refresh);
}
function del(code){
	layerConfirm(function(index){
		ajax("/EmployeeServlet",{code:code,action:'del'},'text',function(data){console.log(data)
			if(data == 1){
				layer.msg("删除成功",refresh)
			}else{
				layer.msg("删除失败")
			}
		})
	})
}
function openUpd(code){
	layerOpen('/web/page/employee/upd.jsp?code='+code,refresh);
}
function resetPass(code){
	layerConfirm(function(){
		ajax("/EmployeeServlet",{code:code,action:'resetPass'},'text',function(data){console.log(data)
			if(data == 1){
				layer.msg("密码已重置")
			}else{
				layer.msg("重置失败")
			}
		})
	})
}
function openUpdOfPass(code){
	layerOpen("/web/page/employee/updOfPass.jsp?code="+code,refresh,"修改密码");
}
function openDept(code){
	layerOpen('/web/page/employee/setDept.jsp?code='+code,refresh);
}
function openPic(code){
	layerOpen('/web/page/employee/userPic.jsp?code='+code,refresh);
}

</script>
<script type="text/html" id="tradd">
	<tr>
		<td>{{d.id}}</td><td>{{d.code}}</td><td>{{d.name}}</td><td>{{d.codeDept}}</td><td>{{d.nameDept}}</td>
		<td>
			<a href="javascript:del('{{d.code}}')" class="layui-btn layui-btn-xs layui-btn-danger">
				<i class='layui-icon layui-icon-delete'></i>
			</a>&nbsp;&nbsp;
			<input type='button' class='layui-btn layui-btn-xs' value='修改'
				onclick='openUpd("{{d.code}}")'>
			<input type='button' class='layui-btn layui-btn-xs' value='重置密码'
				onclick='resetPass("{{d.code}}")'>
			<a href="javascript:openUpdOfPass('{{d.code}}')" class="layui-btn layui-btn-xs">修改密码</a>
			<input type='button' class='layui-btn layui-btn-xs' value='设置部门'
				onclick='openDept("{{d.code}}")'>
			<input type='button' class='layui-btn layui-btn-xs' value='上传头像'
				onclick='openPic("{{d.code}}")'>
			
		</td>
	</tr>
</script>
</body>

</html>





